<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<title>教师创建调查问卷</title>
	<meta name="description" content="">
	<meta name="keywords" content="">
	<link rel="stylesheet" type="text/css" href="CSS/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="CSS/font-awesome.css">
	<link rel="stylesheet" type="text/css" href="CSS/bootstrap-table.min.css">
	<link rel="stylesheet" type="text/css" href="CSS/docs.min.css">
	<link rel="stylesheet" type="text/css" href="CSS/style/queSystem.css">
	<script type="text/javascript" src="Js/jquery.min.js"></script>
	<script type="text/javascript" src="Js/json2.js"></script>
	<script type="text/javascript" src="Js/bootstrap.min.js"></script>
	<script type="text/javascript" src="Js/tooltip.js"></script>
	<script type="text/javascript" src="Js/Interaction/queSystem.js"></script>
</head>
<body>
	<!-- 不同屏幕浏览样式 -->
	<header class="navbar navbar-static-top bs-docs-nav nav-border" role="banner">
		<div class="container-fluid">
			<div class="button pull-right">
				<a class="first hidden-xs" id="display-full" href="#" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Display Desktop - full width" >
					<i class="fa fa-desktop fa-lg" style="font-family:FontAwesome !important;"></i>
				</a>
				<a class="hidden-xs" id="display-940" href="#" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Display Tablet - 940px">
					<i class="fa fa-tablet fa-lg"></i>
				</a>
				<a class="hidden-xs" id="display-480" href="#" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Display Phone - 480px">
					<i class="fa fa-mobile fa-lg"></i>
				</a>
				<a id="remove-frame" href="#" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Remove frame">
					<i class="fa fa-times"></i>
				</a>
			</div>
		</div>
	</header>

	<!-- iframe部分,用iframe中的内容替代父窗口的内容，若不需要多窗口浏览功能可去掉此部分以及header部分 -->
	<iframe src="newIndex.html" id="preview-iframe" style="width: 1360px; height: 197px; margin-left: auto; margin-right: auto; border: 0px;" target='_top'></iframe>

	<!-- 用一个总的div包含，便于iframe控制父窗口时能够清空 -->
	<div id="iframe_control">
		<!-- 头部信息 -->
		<div class="bs-docs-header" id="content" tabindex="-1">
			<div class="container">
				<h1>计算机导论问卷调查</h1>
				<p>教师在此完成问卷题目的创建</p>
			</div>
		</div>
		<!-- 主题部分内容 -->
		<div class="container bs-docs-container">
			<div class="row">
				<div class="col-md-1"></div>
				<div class="col-md-8" role="main">
					<div class="bs-docs-section">
						<h1 id="establish" class="page-header">创建问卷</h1>
						<button class="btn btn-primary" type="button" id="createButton">点此创建</button>
						<form>
							<div id="topic_1">
								<h4>1.“大煮干丝”是哪个菜系的代表菜之一?</h4>
								<div class="row">
									<div class="col-sm-2">
										<div class="checkbox">
											<label>
												<input type="checkbox">四川菜系
											</label>
										</div>
									</div>
									<div class="col-sm-2">
										<div class="checkbox">
											<label>
												<input type="checkbox">山东菜系
											</label>
										</div>
									</div>
									<div class="col-sm-2">
										<div class="checkbox">
											<label>
												<input type="checkbox">广东菜系
											</label>
										</div>
									</div>
									<div class="col-sm-2">
										<div class="checkbox">
											<label>
												<input type="checkbox">淮扬菜系
											</label>
										</div>
									</div>
									<div class="col-sm-4"></div>
								</div>
							</div>
							<div id="topic_2">
								<h4>2. 红茶属于什么茶？</h4>
								<div class="row">
									<div class="col-sm-2">
										<div class="checkbox">
											<label>
												<input type="checkbox">半发酵
											</label>
										</div>
									</div>
									<div class="col-sm-2">
										<div class="checkbox">
											<label>
												<input type="checkbox">发酵
											</label>
										</div>
									</div>
									<div class="col-sm-2">
										<div class="checkbox">
											<label>
												<input type="checkbox">不发酵
											</label>
										</div>
									</div>
									<div class="col-sm-2">
										<div class="checkbox">
											<label>
												<input type="checkbox">微发酵
											</label>
										</div>
									</div>
									<div class="col-sm-4"></div>
								</div>
							</div>
							<div id="topic_3">
								<h4>3. 满汉全席起兴于哪个朝代</h4>
								<div class="row">
									<div class="col-sm-2">
										<div class="checkbox">
											<label>
												<input type="checkbox">清代
											</label>
										</div>
									</div>
									<div class="col-sm-2">
										<div class="checkbox">
											<label>
												<input type="checkbox">唐代
											</label>
										</div>
									</div>
									<div class="col-sm-2">
										<div class="checkbox">
											<label>
												<input type="checkbox">宋代
											</label>
										</div>
									</div>
									<div class="col-sm-2">
										<div class="checkbox">
											<label>
												<input type="checkbox">两汉
											</label>
										</div>
									</div>
									<div class="col-sm-4"></div>
								</div>
							</div>
							<div id="topic_4">
								<h4>4. 满汉全席起兴于哪个朝代</h4>
								<div class="row">
									<div class="col-sm-2">
										<div class="checkbox">
											<label>
												<input type="checkbox">清代
											</label>
										</div>
									</div>
									<div class="col-sm-2">
										<div class="checkbox">
											<label>
												<input type="checkbox">唐代
											</label>
										</div>
									</div>
									<div class="col-sm-2">
										<div class="checkbox">
											<label>
												<input type="checkbox">宋代
											</label>
										</div>
									</div>
									<div class="col-sm-2">
										<div class="checkbox">
											<label>
												<input type="checkbox">两汉
											</label>
										</div>
									</div>
									<div class="col-sm-4"></div>
								</div>
							</div>
							<div id="topic_5">
								<h4>5. 满汉全席起兴于哪个朝代</h4>
								<div class="row">
									<div class="col-sm-2">
										<div class="checkbox">
											<label>
												<input type="checkbox">清代
											</label>
										</div>
									</div>
									<div class="col-sm-2">
										<div class="checkbox">
											<label>
												<input type="checkbox">唐代
											</label>
										</div>
									</div>
									<div class="col-sm-2">
										<div class="checkbox">
											<label>
												<input type="checkbox">宋代
											</label>
										</div>
									</div>
									<div class="col-sm-2">
										<div class="checkbox">
											<label>
												<input type="checkbox">两汉
											</label>
										</div>
									</div>
									<div class="col-sm-4"></div>
								</div>
							</div>
							<div id="topic_6">
								<h4>6. 满汉全席起兴于哪个朝代</h4>
								<div class="row">
									<div class="col-sm-2">
										<div class="checkbox">
											<label>
												<input type="checkbox">清代
											</label>
										</div>
									</div>
									<div class="col-sm-2">
										<div class="checkbox">
											<label>
												<input type="checkbox">唐代
											</label>
										</div>
									</div>
									<div class="col-sm-2">
										<div class="checkbox">
											<label>
												<input type="checkbox">宋代
											</label>
										</div>
									</div>
									<div class="col-sm-2">
										<div class="checkbox">
											<label>
												<input type="checkbox">两汉
											</label>
										</div>
									</div>
									<div class="col-sm-4"></div>
								</div>
							</div>
							<div id="topic_7">
								<h4>7. 满汉全席起兴于哪个朝代</h4>
								<div class="row">
									<div class="col-sm-2">
										<div class="checkbox">
											<label>
												<input type="checkbox">清代
											</label>
										</div>
									</div>
									<div class="col-sm-2">
										<div class="checkbox">
											<label>
												<input type="checkbox">唐代
											</label>
										</div>
									</div>
									<div class="col-sm-2">
										<div class="checkbox">
											<label>
												<input type="checkbox">宋代
											</label>
										</div>
									</div>
									<div class="col-sm-2">
										<div class="checkbox">
											<label>
												<input type="checkbox">两汉
											</label>
										</div>
									</div>
									<div class="col-sm-4"></div>
								</div>
							</div>
							<p class="commentBox">留言框</p>
							<textarea class="form-control" rows="3"></textarea>
							<button type="submit" class="btn btn-primary btn-block" id="btn-set">提&nbsp;交</button>
						</form>
					</div>
				</div>
				<div class="col-md-3" role="complementary"></div>
			</div>
		</div>
		<!-- 尾部信息 -->
		<footer class="bs-docs-footer" role="contentinfo">
			<div class="container container_footer">
				<ul class="bs-docs-footer-links">
					<li class="about_link">
						<a href="#">首&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;页</a>|
					</li>
					<li class="about_link">
						<a href="#">章节目录</a>|
					</li>
					<li class="about_link">
						<a href="#">课后实验</a>|
					</li>
					<li class="about_link">
						<a href="#">在线留言</a>|
					</li>
					<li class="about_link">
						<a href="#">关于我们</a>
					</li>
				</ul>
				<p>武汉理工大学计算机与科学技术学院 地址：湖北省武汉市武汉理工大学 邮编：430070 2012-2015</p>
				<p>Copyright ©computingdream.com</p>
			</div>
		</footer>
	</div>
	<script>
	    $(function() {
	        function _fix() {
	            var h = $(window).height();
	            var w = $(window).width();
	            $("#preview-iframe").css({
	                width: w + "px",
	                height: (h - 50) + "px"
	            });
	        }
	        _fix();
	        $(window).resize(function() {
	            _fix();
	        });
	        $('[data-toggle="tooltip"]').tooltip();

	        function iframe_width(width) {
	            $("#preview-iframe").animate({width: width}, 500);
	        }

	        $("#display-full").click(function(e){
	            e.preventDefault();
	            iframe_width("100%");
	        });

	        $("#display-940").click(function(e){
	            e.preventDefault();
	            iframe_width("940px");
	        });

	        $("#display-480").click(function(e){
	            e.preventDefault();
	            iframe_width("480px");
	        });

	        $("#remove-frame").click(function(e){
	            e.preventDefault();
	            window.location.href = "newIndex.html";
	        });

	    });

</script>
</body>
</html>